<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/40style.css"/>
	</head>
	<body>
		<figure class="overlay pink">
			<img src="http://lorempixel.com/g/350/350/" alt="img" />
			<figcaption>
				<h2>Some <span>Text</span></h2>
			</figcaption>
			<!-- you only need to add an <a> tag here if you want the images to link to something -->
			<a href="#"></a>
		</figure>
		
		<figure class="overlay purple">
			<img src="http://lorempixel.com/g/350/350/" alt="img" />
			<figcaption>
				<h2>Some <span>Text</span></h2>
			</figcaption>
			<!-- you only need to add an <a> tag here if you want the images to link to something -->
			<a href="#"></a>
		</figure>
		
		<figure class="overlay green">
			<img src="http://lorempixel.com/g/350/350/" alt="img" />
			<figcaption>
				<h2>Some <span>Text</span></h2>
			</figcaption>
			<!-- you only need to add an <a> tag here if you want the images to link to something -->
			<a href="#"></a>
		</figure>
	</body>
</html>
